<script lang="ts" setup>
  const props = defineProps({
    errorShow: {
      type: Boolean,
      default () {
        return false;
      }
    },
    errorText: {
      type: String,
      default () {
        return '网络走丢了';
      }
    },
  });
</script>

<template>
  <div class="error-bd" v-show="props.errorShow">
		<span class="iconfont icon-error"></span>
		<p class="error-text">{{ props.errorText }}</p>
	</div>
</template>

<style scoped lang="scss">
  @import "../../assets/styles/mixins.scss";
  @import "../../assets/styles/variables.scss";

  .error-bd {
    @include vh-center;
    flex-direction: column;
    height: 3rem;
    color: #999;

    .iconfont {
      font-size: .5rem;
    }

    .error-text {
      font-size: .14rem;
      margin-top: .1rem;
    }
  }
</style>
